/*公共部分*/
*{margin: 0;padding: 0;}
body,html{
	width: 100%;
	height: 100%;
	background: #fff;
}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul li{list-style: none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1;
}
input,button,checkbox,radio{outline: none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #888;opacity:1;
}

input:-ms-input-placeholder{
    color: #888;opacity:1;
}

input::-webkit-input-placeholder{
    color: #888;opacity:1;
}
.container{
	position: relative;
	width: 100%;
	height: 100%;	
	background: #fff;
}

header{
	background: #1ab39c;
	width: 100%;
	height: 0.78rem;
	position: fixed;
	top: 0;
	z-index: 111;
}
header i{
	width:0.27rem;
	height: 0.4rem;
	background: url(../image/back.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	margin-top: 0.2rem;
	margin-left: 0.2rem;
}
header span{
	text-align: center;
	color: #fff;
	font: 0.32rem/0.78rem '';
	display: inline-block;
	position: absolute;
	margin-left: 0.5rem;
}


.list{
	width: 100%;
	height: 0.72rem;
	background: #fff;
	border-bottom: 0.02rem solid #efefef;
	position: fixed;
	background: #fff;
	z-index: 111;
	margin-top: 1.6rem;
}
.list li{
	width: 25%;
	height: 0.7rem;
	float: left;
	text-align: center;
	color: #000;
	font: 0.24rem/0.7rem '';
}
.main{
	width: 100%;
	padding-top: 2.4rem;
}
.page1{
	display: block;
}
.page2,.page3,.page4{
	display: none;
}
.page1,.page2,.page3,.page4{
	 width: 100%;
 }
.li1{
color:#1ab39c;
border-bottom:0.05rem solid #1ab39c;
}
.list1{
	width: 100%;
	position: absolute;
	margin-top: 0.8rem;
  }
.list1 li{
	width: 100%;
	border-bottom:0.02rem solid #efefef;
	height: 2.31rem;
}
.div1{
	width: 1.27rem;
	height: 2.31rem;
	display: inline-block;
	margin-left: 0.4rem;
}
.div2{
	width: 3.44rem;
	height:  2.31rem;
	display: inline-block;
	margin-left: -0.3rem;
}
.div3{
	width:1.2rem;
	height:  2.31rem;
	display: inline-block;
	font-size: 0.28rem;
	position: absolute;
	line-height: 1.15rem;
	color: #888;
}

.bj{
	width: 0.93rem;
	height: 0.68rem;
	display: inline-block;
	position: absolute;
	margin-top: 0.78rem;
}

.name{
	position: absolute;
	width: 3.44rem;
	margin-top: 0.41rem;
	height: 0.4rem;
	font-size: 0.3rem;
	color: #a0a0a0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.start_time{
	margin-left: 0.3rem;
}
.p1,.p2,.p3{font: 0.16rem/0.35rem '';
	position: absolute;color: #a0a0a0;}
.p1{
	width: 3.44rem;
	height: 0.35rem;
	font: 0.16rem/0.35rem '';
	margin-top:0.8rem;
}
.p2{
	margin-top:1.2rem;
}

.p3{
	margin-top:1.55rem;
}
.state{
	font-size: 0.22rem;
	color: #00bea5;
	text-align: center;
}
.look{
	width: 1rem;
	height: 0.3rem;
	font: 0.2rem/0.3rem '';
	margin-top: 0.5rem;
	background: none;
	outline: none;
	border: 0.02rem solid #f85d00;
	color: #f85d00;
	text-align: center;
	margin-left: 0.1rem;
}

.tit{
	width: 100%;
	margin-top: 0.8rem;
	font: 0.26rem/0.7rem '';
	height: 0.7rem;
	text-indent: 0.2rem;
	position: fixed;
	z-index: 111;
	background: #fff;
	border-bottom: 0.02rem solid #efefef;
	background-color: white;
}
.tit a{
	margin-left:3.8rem;
	font: 0.2rem/0.7rem '';
	color: #888;
	text-decoration: none;
}
.tit img{
	width: 0.14rem;
	height: 0.24rem;
	position: absolute;
	margin-top: 0.25rem;
}